$(function () {

    getUserInfo()

    // 需求2 退出
    $('#logout').on('click',function(){
        layer.confirm('确认退出登录吗',{icon:3,title:'提示'},function(index){
            location.href = '/login.html'
            localStorage.removeItem('token')
            layer.close(index)
        })
    })


})
    // 获取用户信息渲染头像封装成函数
    // 要求 必须设置为全局函数 不是局部函数
    function getUserInfo() {
        axios({
            url:'/my/userinfo',
            // headers: {
            //     Authorization: localStorage.getItem('token')
            // }
        }).then(res=> {
            // console.log(res);
            if(res.data.status !== 0 ) {
                return layui.layer.msg(res.data.message)
            }
            renderAvatar(res.data.data)
        })
    }

    // 渲染用户信息和头像
    function renderAvatar(user) {
        let name = user.nickname || user.username
        $('.welcome').html('欢迎'+name)
        // 处理头像 如果有图片头像渲染图片头像 否则渲染文字头像
        if(user.user_pic !== null) {
            $('.avater-text').hide()
            $('.layui-nav-img').show().attr('src',user.user_pic)
        }else {
            // 没有图片头像 就渲染文字头像 隐藏图片头像 显示文字头像
            $('.layui-nav-img').hide()
            let first = name[0].toUpperCase()
            $('.avater-text').show().html(first)
        }
    }